<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>我的ID</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="../css/mui.min.css">

    <!--App自定义的css-->
    <!--<link rel="stylesheet" type="text/css" href="../css/app.css"/>-->
    <style>
        li{ list-style:none; }
        .bakimg{
            margin-bottom: 80px;
            /*//background-image: url(../images/yuantiao.jpg);background-position: center center;*/
            /*background-size: cover;*/
            /*background-repeat: no-repeat;*/
            width: 100vw;
            height: 80%;
        }
    </style>

</head>
<body>
<div class="headage"></div> 
<div class="mui-content"  style="margin-top: 30px!important;">
<!--    <div class="margin-top-10" id="myCanvas" style="height: 100%;width: 100%;margin-left: 25%;margin-top: 20%">-->

<!--    </div> -->
    <img src="" id="imgs" style="margin-left: 10%">   
</div>
<!--<div class="mui-input-row " style="height: 40px;" id="butn">-->
<!--    <button id="save" class="mui-btn mui-btn-primary" style="height: 30px;margin-top: 5px;color: #FFF;width: 100%;">放大</button>-->

<!--</div>-->
<div class="footerpage">
</div>
</body>
<div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0;
    width: 100%;height: 100%;background-color: rgba(255,255,255,.9);">
    <img id="bigimg" style="height: 30%;width: 50%;border: 0;
        margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;" src="" />
</div>
<script src="../js/mui.min.js"></script>
<script src="../js/practise/push.js"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/cookieutil.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/getUrlParam.js"></script>
<script src="../js/page/getuserBylogin.js"></script>
<!--<script src="../js/qrcode/jquery-1.8.0.js"></script>-->
<!--<script src="../js/qrcode/html2canvas.js"></script>-->
<!--<script src="../js/qrcode/utf.js"></script>-->
<!--<script src="../js/qrcode/jquery.qrcode.js"></script>-->
<script type="text/javascript" src="../js/jweixin-1.4.0.js"></script>

<script>
    function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');
    }

    if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }
    } else {
        onBridgeReady();
    }
    $(function(){
        function onBridgeReady() {
            WeixinJSBridge.call('hideOptionMenu');
        }

        if (typeof WeixinJSBridge == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
            }
        } else {
            onBridgeReady();
        }
        /*公共部分
         * 导航栏
         * footer CopyRight
         */
        // geturlid();
        var id=getUrlParam("id");
        var userid=getCookie('userid');
        var  url= encodeURI("http://qb.kmhkj.top/view/addetails.html?id="+id+"&upopenid="+userid);
        //var  url2=location.href.split('#')[0];
        console.log(url);
        $(".headage").load("head.html");
        $(".footerpage").load("footer.html");
        var  avatar=getCookie('avatar');
        document.getElementById("imgs").src="http://qr.topscan.com/api.php?text="+encodeURIComponent(url)+"&logo="+avatar;
        mui.alert("点击图片可以放大，长按保存","提示","确定","");
    //     $("#myCanvas").qrcode({
    //         render : "canvas",    //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
    //         text : url,    //扫描了二维码后的内容显示,在这里也可以直接填一个网址，扫描二维码后
    //         width : "200",               //二维码的宽度
    //         height : "200",              //二维码的高度
    //         background : "#ffffff",       //二维码的后景色
    //         foreground : "#000000",        //二维码的前景色
    //         src: avatar             //二维码中间的图片
    //     });
    //
    //     $("#save").click(function () {
    //         var img = document.getElementById("imgs");
    //         // 将图片的src属性作为URL地址
    //         var url = img.src
    //         var a = document.createElement('a')
    //         var event = new MouseEvent('click')
    //         a.download = 'do.jpg'
    //         a.href = url
    //         a.dispatchEvent(event)
    //     })


    // mui.post('/Article/findid',
    //     {
    //         id:id,
    //         upopenid:"",
    //         userid:upopenid
    //
    //     },
    //     function(data){
    //         console.log(data);
    //         if (data.code&&data.object!=null){
    //             //getwxconfing(data.object.title,data.object.pretext,data.object.preimage);
    //         }
    //     },'json'
    // );
    //
    //     function getwxconfing(title,pretext,preimage){
    //         mui.post('/wxpya/getWxConfig',
    //             {
    //                 url:url2
    //             },
    //             function (data) {
    //             console.log(url);
    //                 console.log(data);
    //                 if (data!=undefined) {
    //                     wx.config({
    //                         debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    //                         appId: data.appId, // 必填，公众号的唯一标识
    //                         timestamp: data.timestamp, // 必填，生成签名的时间戳
    //                         nonceStr: data.nonceStr, // 必填，生成签名的随机串
    //                         signature: data.signature,// 必填，签名
    //                         jsApiList: [//需要调用的JS接口列表
    //                             'checkJsApi',//判断当前客户端版本是否支持指定JS接口
    //                             'onMenuShareAppMessage',//分享给好友
    //                             'onMenuShareTimeline'//分享到朋友圈
    //                         ]
    //                     });
    //                     var config = {
    //                         title: title, // 分享标题
    //                         desc: pretext, // 分享描述
    //                         link: url, // 分享链接
    //                         imgUrl: imgsrcpath()+preimage,
    //                         success: function () { /*$.alert("成功分享");*/ },
    //                         cancel: function () { /*$.alert("分享失败,您取消了分享!");*/ }
    //                     };
    //                     wx.ready(function () {
    //                         wx.onMenuShareAppMessage(config);
    //                         wx.onMenuShareTimeline(config);
    //                     });
    //                 }
    //             }, 'json'
    //         )
    //     }
        //mui.alert("点击图片可以放大，长按保存","提示","确定","");
        // //从 canvas 提取图片 image
        // function convertCanvasToImage(canvas) {
        //     //新Image对象，可以理解为DOM
        //     var image = new Image();
        //     // canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持
        //     // 指定格式 PNG
        //     image.src = canvas.toDataURL("image/png");
        //            return image;
        // }
        //
        // var mycanvas1=document.getElementsByTagName('canvas')[0]; //获取网页中的canvas对象
        // //将转换后的img标签插入到html中
        // var img=convertCanvasToImage(mycanvas1);
        // $('#qrcodeCanvas').html("");//移除已生成的避免重复生成
        // $('#qrcodeCanvas').append(img);//imagQrDiv表示你要插入的容器id
        // $('#qrcodeCanvas img').attr("id","tulip");
        // var canvas = document.getElementById("myCanvas");
        // var ctx = canvas.getContext("2d");
        // //图片
        // var img = new Image();
        // img.src = '../images/haibao.jpg';
        // canvas.width = window.screen.availWidth;
        // canvas.height = window.screen.availHeight;
        // var ewm=document.getElementById("tulip");
        // img.crossOrigin="*";
        // img.onload = function() { //必须等待图片加载完成
        //     ctx.drawImage(img, 5, 5, 337, 550); //绘制图像进行拉伸
        //     ctx.drawImage(ewm, 170,265,125,140);
        //     var srcImg = new Image();
        //     srcImg.src = canvas.toDataURL('images/png');
        //     $('#h').html("");//移除已生成的避免重复生成
        //     $('#h').append(srcImg);//imagQrDiv表示你要插入的容器id
        //     $('#h img').attr("width",'100%');
        //     $('#h img').attr("id","tulip2");
        //     $('#h img').attr("width",'100%');
        //     $('#h img').attr("height",'100%');//imagQrDiv表示你要插入的容器id
        //     $('#qrcodeCanvas').hide();
        //      mui.alert("点击图片可以放大，长按保存","提示","确定","");
        // }
    });

</script>
</html>